<template>
  <div id="app">
    <div id="nav" />
    <router-view />
  </div>
</template>

<style lang="scss">
html{
  height: 100%;
  color: #2e2e2e;
	background-color: #f1f1f1;
  -webkit-overflow-scrolling: touch;
}
html {
  @media screen and (min-width: 320px) {
    font-size: 85.3333px;
  }
  @media screen and (min-width: 360px) {
    font-size: 96px;
  }
  @media screen and (min-width: 375px) {
    font-size: 100px;
  }
  @media screen and (min-width: 414px) {
    font-size: 110.4px;
  }
  @media screen and (min-width: 440px) {
    font-size: 117px;
  }
  @media screen and (min-width: 480px) {
    font-size: 125px;
  }
  @media screen and (min-width: 640px) {
    font-size: 170px;
  }
}
// 基础色块、按钮
$color-black: #0065cc, #1399ea, #e34d54, #218e70, #03ad8f, #d8d8d8, #d14b64;
@each $c in $color-black {
	$i: index($color-black, $c);
	.color-block-#{$i} {
		background-color: nth($color-black, $i);
	}
}
// 基础文本颜色
$color-text: #151515, #ffffff, #8e8e8e, #aeaeae, #8c9fad, #0d83f7,;
@each $c in $color-text {
	$i: index($color-text, $c);
	.color-#{$i} {
		color: nth($color-text, $i);
	}
}
.db-flex {
	display: flex;
	flex-direction: row;
}
.van-notify {
  text-align: center;
  font-size: .16rem
}
.van-field__control {color: #fff!important}
::-moz-placeholder { color: #caebff !important; }
::-webkit-input-placeholder { color:#caebff!important; }
:-ms-input-placeholder { color:#caebff!important; }
</style>
